<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
    <circle stroke-width="30" :stroke="props.strokeColor" stroke-dashoffset="0" stroke-miterlimit="4" stroke-linejoin="round" stroke-linecap="square" fill-rule="nonzero" fill="none" id="circle6498" cy="255.99999" cx="255" r="210" xmlns="http://www.w3.org/2000/svg"/>
    <text stroke-width="30" id="svg_1" font-size="200" :stroke="props.strokeColor" text-anchor="middle" :fill="props.strokeColor" dominant-baseline="central" y="256" x="255">V</text>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>